*{
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box; /
}
html,body{
	height: 100%;
	width: 100%;
}
body{
	font-weight:600;
}

/*头部和左边样式  */
.warp{
	
	width:100%;
	background:url(../images/zcbg.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	z-index:-1;
	min-height: 100%;
}
.top {
	
	 padding-right: 1%;
	 background: rgba(51, 122, 183, 0.3);
	 border-bottom: 1px solid #337ab7;
	 box-shadow: 0px 0px 8px #3399b7;
	 
	 width: 100%;
	

}
.top span{
	cursor:pointer 
}
.top-left{
	text-align: left;
	padding-left: 3%;
    padding-top: 10px;
}
.top-left img{
	height:3.6em;
}
.top-right{
	text-align: right;
	line-height:3.9em;

}
.btn-white{
	
	    background: linear-gradient(to bottom, rgba(4, 188, 236, 0.6) 0%,rgba(255, 255, 255, 0.1) 50%,rgba(255, 255, 255, 0) 51%,rgba(4, 188, 236, 0.6) 100%);
	
	
}
.btn-left{
	padding:0.5em;
	border: 1px solid #3399b7;
	color:#021337;
	border-top-left-radius:5px;
	border-bottom-left-radius: 5px;
	padding-left:15px;
	padding-right:15px;
	border-bottom: 1px solid #337ab7;
    box-shadow: 0px 0px 8px #3399b7;
}
.btn-no{
	padding:0.5em;
	border:1px solid #3399b7;
		
	border-top-right-radius:5px;
	border-bottom-right-radius: 5px;
	border-left: none;
	padding-left:15px;
	padding-right:15px;
}
.btn-all{
	padding:0.5em;
	border: 1px solid #3399b7;
	background: linear-gradient(to bottom, rgba(4, 188, 236, 0.6) 0%,rgba(255, 255, 255, 0.1) 50%,rgba(255, 255, 255, 0) 51%,rgba(4, 188, 236, 0.6) 100%);
	color:#021337;
	border-radius: 5px;
	padding-left:15px;
	padding-right:15px;
}

.back-icon{
	height:21px;
}
.left-dd{
	padding:0px 0 0px 50px;
}
/*下拉菜单*/
.menu-left{
	width:220px;
	height:90%;
	background:rgba(51, 122, 183, 0.3);
	float:left;
	margin-top:1%;
	position:relative;
	border-top: 1px solid #337ab7;
    box-shadow: 0px 0px 8px #3399b7;
    border-right: 1px solid #337ab7;
    border-top-right-radius: 2px;

}

.menu-dl{	
	margin-top:0;
	margin-bottom:0;
	border-bottom:1px solid rgba(255,255,255,0.3);
	cursor:pointer;
	font-size:1.2em;
}
.menu-dl>dt>a{
	display:block;
	padding:15px 10px 15px 20px;
}
.menu-dl dt{
	
}
.menu-dl dt:hover{
	background:rgba(255,255,255,0.3);
}   
.menu-dl dd:hover{
	background:rgba(255,255,255,0.3);
}
.menu-dl .right-icon{
	margin-left:15px;
	transition:all 0.5s;
}
.menu-dl .nav-img{
	padding-right:20px;
}
.menu-btm{
	
	margin-left:10px;
	margin-right:10px;
	
	bottom:0;
	text-align:center;
	font-size:0.8em;
	color:#9D9D9D;
	position:absolute;
	width:200px;
	padding-top:10px;
}

.dl-active{
	background: linear-gradient(to bottom, rgba(4, 188, 236, 0.6) 0%,rgba(255, 255, 255, 0.1) 50%,rgba(255, 255, 255, 0) 51%,rgba(4, 188, 236, 0.6) 100%);
}
.menu-dl>.dl-active>a>.nav-img{
	padding-right: 5px;
    padding-left: 11px;
    
}
.menu-dl>.dl-active>a{
	padding:0;
}
.menu-dl a{
	letter-spacing:5px;
	font-size:1.4rem;
}
.menu-dl dd a{
	font-size:1.2rem;
}
.menu-dl dt{
	
}
/*底部msg  */
/* .foot-msg{
	position:fixed;
	bottom:0;
	width:100%;
	background:rgba(255,255,255,0.1);
	color:#fff;
	text-align:center;
	border-top:1px solid #fff;
	height:4em;
}
.foot-msg p{
	line-height:4em;
	
} */

/*******************************������ɫ*********************************************/
.color-3{
	color:#333;
}
.color-6{
	color:#666;
}
.color-9{
	color:#999;
}
.color-e{
	color:#eee;
}
.color-w{
	color:#fff;
}
.color-r{
	color:#D43939;
}
.color-g{
	color:#29C62C;
}
.color-b{
	color:gray;
}
.color-m1{
	color:#48a0fe; 
}
.color-m2{
	color:#48f2ff;
}
.font-w6{
	font-weight:600;
}
.font-w5{
	font-weight:500;
}
.m-color{
	color:#4ecdda;
}

/*******************************over*********************************************/
/********************************����********************************************/
.back-a{
	background:rgba(200,200,200,0.8);
}
.back-w{
	background:#fff;
}
.back-m1{
	background:rgb(1, 46, 103);
}
/*******************************�ṹ********************************************/
.center{
	text-align: center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.float-r{
	float:right;
}
.float-l{
	float:left;
}
.none{
	display:none;
}

/*********************************margin-padding***********************************************/
.margin-1{
	margin:10px;
}
.margin-l-1{
	margin-left:10px;
}
.margin-t-1{
	margin-top:10px;
}
.margin-r-1{
	margin-right:10px;
}
.margin-b-1{
	margin-bottom:10px;
}
.padding-1{
	padding:10px;
}
.padding-l-1{
	padding-left:10px;
}
.padding-top-1{
	padding-top:10px;
}
.padding-r-1{
	padding-right:10px;
}
.padding-b-1{
	padding-bottom:10px;
}
.padding-3{
	padding:30px;
}
/*************************************over*****************************************************/
/*************************************字体****************************/




 
  @media (min-height: 500px) {

      html,body {

     font:9px  Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;

      }

  }
  @media (min-height: 792px) {

      html,body {

     font:10px  Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;

      }

  }
  @media (min-height: 892px) {

      html,body {

     font:14px  Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;

      }

  }
  

  @media (min-height: 992px) {

      html,body {

     font:15px  Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;

      }

  }

  @media (min-height: 1200px) {

      html,body {

      font: 16px  Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;

  	  }
  }
  @media (min-height: 1400px) {

      html,body {

      font: 18px  Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;
      }
  }
  @media (min-height: 1600px) {

      html,body {

      font: 20px  Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;
      }
  }
  @media (min-height: 1800px) {

      html,body {

      font: 22px  Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;
      }
  }
 
 }
/********************************over*******************************************/
/*调整placeholder颜色*/

 
/*  input:-ms-input-placeholder{ 
　　color:#fff;
}  
 input::-webkit-input-placeholder{
　　color:#fff;
}  */ 

 
  input:-ms-input-placeholder{
   color:#777;
}

input::-webkit-input-placeholder{
   color:#777;
}  
 textarea:-ms-input-placeholder{
   color:#777;
}

textarea::-webkit-input-placeholder{
   color:#777;
}    
.point{
	position:relative;
	padding-left:30px;
} 
.point::after{
	content: '';
    position: absolute;
    left: 10px;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #48f2ff;
    box-shadow: 0px 0px 9px 3px #48f2ff;
    border: 1px solid #337ab7; 
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {    width: 12px;background:rgba(0,0,0,0.1)}
/* 滚动槽 */
::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);    border-radius: 10px;}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {   border-radius: 10px;    background: rgba(61,111,180,0.5);   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive {    background: rgba(61,111,180,0.5);}
.btn-default:hover{background: rgba(0,0,0,0)}
